<template>
  <div class="header">
    <navs class="headers" :class="{'isHeader': isLogin}"></navs>
  </div>
</template>
<script>
import navs from "./navhead";
import { mapGetters } from "vuex";
export default {
  name: "headers",
  components: {
    navs
  },
  computed: {
    ...mapGetters({
      isLogin: "isLogin"
    })
  }
};
</script>
<style lang="less" soped>
.header {
  .headers {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .isHeader {
    background: #ffaf46;
  }
}
</style>